<script setup>
import ComponentMinxins from "../ComponentMinxins";
import { defineProps } from 'vue'

const props = defineProps({
  ...ComponentMinxins.props,
  showBgc:{
    type:Boolean
  },
  content:{
    type:String
  },
  color:{
    type:String
  }
})


</script>

<template>
  <div class="w-label-text" :style="`${props.showBgc ? `background: ${props.color}20`:''}`">
    <span :style="{background: props.color}"></span>
    <el-text>{{$t(props?.content)}}</el-text>
  </div>
</template>

<style scoped>
.w-label-text {
  display: flex;
  width: 100%;
  align-items: center;
  span:first-child{
    display: inline-block;
    width: 5px;
    height: 30px;
    border-radius: 2px;
    margin-right: 5px;
  }
}
</style>
